<style>
    td {
        padding: 5px;
        color: #B19F8E;
        font-size: 1.0em;
    }

    span {
        margin-right: 5px;;
    }
</style>
<ion-view>
    <ion-nav-bar>
        <!--不能没有这个标签-->
    </ion-nav-bar>
    <ion-header-bar style="background-color: #FF6600;">
        <p class="" style="font-size: 1.2em;color: white;line-height: 2.6;position: absolute;left: 10px;">
            {{username}}</p>

        <div style="font-size: 1.2em;color: white;line-height: 2.6;position: relative;left:88%;display: none;">设置></div>
    </ion-header-bar>
    <ion-content
            style="background: url(img/background.jpg) no-repeat center center, -webkit-linear-gradient(top, rgb(250, 149, 59) 0%, rgb(245, 88, 69) 100%);background-size: cover;">
        <div id="myproperty"  ng-show="isShowproperty">
            <a href="#/tab/myproperty" style="text-decoration:none;"><p style="margin: 15px;color: #9F999B">我的资产</p></a>
            <div style="position: relative;left: 10%;">
                <canvas id="doughnut"></canvas>
                <p style="margin:-120px -120px -120px 60px;font-size: 1.5em;color:#FF6600">{{totalamount1+account_yue}}</p>

                <p style="color:#999999;margin:120px 120px 120px 80px;font-size: 0.625em;">总资产(元)</p></div>
            <div style="position: absolute;top:10%;left: 72%;">
                <table>
                    <tr>
                        <td> <span
                                style=" display:inline-block;width:10px; height:10px; background-color:#78BDFF; border-radius:5px;">

    </span>网贷
                        </td>
                    </tr>
                    <tr>
                        <td><span
                                style=" display:inline-block;width:10px; height:10px; background-color:#01A0E8; border-radius:5px;">

                        </span>银行理财
                        </td>
                    </tr>
                    <tr>
                        <td> <span
                                style=" display:inline-block;width:10px; height:10px; background-color:#F29600; border-radius:5px;">

                        </span>众筹
                        </td>
                    </tr>
                    <tr>
                        <td> <span
                                style=" display:inline-block;width:10px; height:10px; background-color:#B28146; border-radius:5px;">

                        </span>江南组合
                        </td>
                    </tr>
                    <tr>
                        <td> <span
                                style=" display:inline-block;width:10px; height:10px; background-color:#BCBCBC; border-radius:5px;">

                        </span>可用余额
                        </td>
                    </tr>
                </table>
            </div>
            <div style="font-family: 微软雅黑;width: 95%;position: relative;top: -50px;;left: 8%">
                <div class="row" style="position: relative;top:30px;left:-10px;width:100%;">
                    <div class="col col-33 cv" style="border: 0px solid grey;">
                        <div class="center cap-value-small"
                             style="font-size:10px;;width: 100px;">
                            <p style="font-size: 2.0em;color:#FF6600;">{{totalamount1}}</p>


                        </div>
                        <div class="center cap-value-small" style="font-size: 10px;color: #979797;">
                            <p style="color: #999999"> 投资总额(元)</p>
                        </div>
                    </div>
                    <!--<div class="col col-33 cv" style="border: 0px solid grey;">
                        <div class="center cap-value-small"
                             style="font-size:10px;width: 100px;">
                            <p style="font-size:2.0em;color:#FF6600;">10000.00</p>


                        </div>
                        <div class="center cap-value-small" style="font-size: 10px;color: #979797;">
                            <p style="color: #999999;"> 负债</p>
                        </div>

                    </div>-->
                    <div class="col col-33 cv" style="border: 0px solid grey;margin-left:20%">
                        <div class="center cap-value-small"
                             style="font-size:10px;">
                            <p style="font-size: 2.0em;color:#FF6600"> {{account_yue}}</p>

                        </div>
                        <div class="center cap-value-small" style="font-size: 10px;color: #979797;">
                            <p class="spc" style="color: #999999"> 可用余额(元)</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="earnings"  style="width: 384px;height: 360px;" ng-show="isShowearnings" >
            <a href="#/myearnings" style="text-decoration:none;"><p style="margin: 15px;color: #9F999B;">我的收益</p></a>
            <div style="font-family: 微软雅黑;width: 95%;position: relative;left: 8%">
                <div class="row" style="position: relative;left:5%;top:-20px;;width:90%;">
                    <div class="col col-33 cv" style="margin:30px;border-right: 1px solid #999999">
                        <div class="center cap-value-small"
                             style="font-size:10px;;width: 100px;">
                            <p style="font-size: 2.0em;color:#FF6600;">695135</p>
                        </div>
                        <div class="center cap-value-small" style="font-size: 10px;color: #979797;">
                            <p style="color: #999999"> 资金总体收益(元)</p>
                        </div>
                    </div>

                    <div class="col col-33 cv" style="border: 0px solid grey;margin-top: 30px;margin-left: -35px;">
                        <div class="center cap-value-small"
                             style="font-size:10px;">
                            <p style="font-size: 2.0em;color:#FF6600"> 28%</p>


                        </div>
                        <div class="center cap-value-small" style="font-size: 10px;color: #979797;">
                            <p class="spc" style="color: #999999"> 自己总体收益率</p>
                        </div>
                    </div>
                </div>
            </div>
            <p style="position: absolute;top:20%;left:15%;color: #999999;font-size: 0.625em">7日收益日走势图</p>
            <img src="img/sevenday.png" style="margin:-40px 10px 10px 10px;position: relative;top:35px" height="41%"/>
        </div>

        <div style="text-align: center;display:none"><span ng-click="ShowProperty()"
                style=" display:inline-block;width:10px; height:10px; border-radius:5px;margin-bottom: 10px;" ng-style="stylePro">

                        </span><span  ng-click="ShowEarnings()"
                style=" display:inline-block;width:10px; height:10px; border-radius:5px;margin-bottom: 10px;" ng-style="styleEarn">

                        </span></div>


        <div class="list">

            <a class="item item-icon-left" href="#/tab/charge">
                <i class="icon ion-social-yen-outline"></i>
                充值
            </a>

            <a class="item item-icon-left item-icon-right" href="#/tab/withdraw">
                <i class="icon ion-social-yen"></i>
                提现
                <i class="icon ion-ios7-telephone-outline"></i>
            </a>
            <a class="item item-icon-left" href="#/tab/bill">
             <i class="icon ion-document-text"></i>
             我的账单

         </a>
         <!--<a class="item item-icon-left" href="#">
             <i class="icon ion-document-text"></i>
             资金记录

         </a>

         <a class="item item-icon-left" href="#">
             <i class="icon ion-person"></i>
             我的投资

         </a>-->
            <!--<a class="item item-icon-left" ng-click="showMore()">
               <i class="icon ion-person-add"></i>
               更多
           </a>-->
        </div>
    </ion-content>
</ion-view>
